// 审核详情
<template>
    <div>
        <el-form label-width="120px">
            <el-form-item label="审核人: ">
                {{ logid.username }}
            </el-form-item>
            <el-form-item label="审核状态: ">
                <el-tag v-if="logid.status === 2" class="ml-2" type="info">待二审</el-tag>
                <el-tag v-else class="ml-2" type="success">终审通过</el-tag>
            </el-form-item>
            <el-form-item label="审核时间: ">
                {{ logid.addtime }}
            </el-form-item>
            <el-form-item label="来访人: ">
                <!-- {{ date.logid.username }} -->
            </el-form-item>
            <el-form-item label="来访人电话: ">
                <!-- {{ date.logid.username }} -->
            </el-form-item>
            <el-form-item label="来访人身份证: ">
                <!-- {{ date.logid.username }} -->
            </el-form-item>
            <el-form-item label="进校目的: ">
                <!-- {{ date.logid.username }} -->
            </el-form-item>
            <el-form-item label="来访车牌号: ">
                <!-- {{ date.logid.username }} -->
            </el-form-item>
            <el-form-item label="进校时间: ">
                <!-- {{ date.logid.username }} -->
            </el-form-item>
            <el-form-item label="离校时间: ">
                <!-- {{ date.logid.username }} -->
            </el-form-item>
        </el-form>
        <div class="demo-image">
            <div class="block">
                <span class="demonstration">健康码:</span>
                <div class="img ">
                    <el-image style="width: 100px; height: 100px" />
                    <el-image style="width: 100px; height: 100px" />
                    <el-image style="width: 100px; height: 100px" />
                    <el-image style="width: 100px; height: 100px" />
                </div>
            </div>
        </div>
    </div>

</template>

<script setup lang="ts">
import { reactive, toRefs ,ref} from 'vue'
import { useRoute, } from 'vue-router';

// const url ='https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg'

const route = useRoute();
// console.log(JSON.parse(route.query.date));
let logid =  reactive<any>('')
if(route.query.date){
    logid=route.query.date,
    logid=JSON.parse(logid)

}

// const { logid } = toRefs(date)./

</script>

<style scoped>
:deep(.el-form-item__label) {
    color: #000;
}

.el-form {
    float: left;
    margin-left: 50px;
}

.demo-image .block {
    padding-left: 250px;
    text-align: center;
    border-right: solid 1px var(--el-border-color);
    display: inline-block;
    width: 20%;
    box-sizing: border-box;
    vertical-align: top;
}

.demo-image .block:last-child {
    border-right: none;
}

.demo-image .demonstration {
    display: block;
    color: var(--el-text-color-secondary);
    font-size: 14px;
    margin-bottom: 20px;
    float: left;
    color: #000;
}
.img{
    width: 1000px;
    display: flex;
}
.el-image{
    margin-right: 50px;
}
</style>